<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<style>
			input[type='date']:after {
			  content: attr(placeholder)
			}
						
			
		</style>
		<link rel="stylesheet" type="text/css" href="test.css" />
		<script src="https://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
	</head>
	<body>
		<input name="date" type="date" placeholder="Date">
		
		<input type="text" value="1" /><br />
		<input type="text" value="2" /><br />
		<input type="text" value="" /><br />
		<input type="datetime-local"  /><br />
		<input type="datetime-local"  /><br />
		<div class="test">
		<h2>23种 input 的 type 类型</h2>
		<h2>23种 input 的 type 类型</h2>
		</div>
		button:<input type="button" name="" id="" value="button" /><br />
		checkbox:<input type="checkbox" name="" id="" value="1" />1&nbsp;<input type="checkbox" name="" id="" value="2" />2&nbsp;<br />
		color:<input type="color" name="" id="" value="" /><br />
		date:<input type="date" name="" id="" value="" /><br />
		datetime:<input type="datetime" name="" id="" value="" /><br />
		datetime-local:<input type="datetime-local" name="" id="" value="" /><br />
		email:<input type="email" name="" id="" value="" /><br />
		file:<input type="file" name="" id="" value="" /><br />
		hidden:<input type="hidden" name="" id="" value="hello" /><br />
		image:<input type="image" name="" id="" value="" /><br />
		month:<input type="month" name="" id="" value="" /><br />
		number：<input type="number" name="" id="" value="" /><br />
		password:<input type="password" name="" id="" value="hello" /><br />
		radio:<input type="radio" name="" id="" value="1" />1&nbsp;<input type="radio" name="" id="" value="2" />2&nbsp;<br />
		range:<input type="range" name="" id="" value="" /><br />
		reset:<input type="reset" name="" id="" value="重置" /><br />
		search:<input type="search" name="" id="" value="" /><br />
		submit:<input type="submit" name="" id="" value="submit" /><br />
		tel:<input type="tel" name="" id="" value="" /><br />
		text:<input type="text" name="" id="" value="" /><br />
		time:<input type="time" name="" id="" value="" /><br />
		url:<input type="url" name="" id="" value="" /><br />
		week:<input type="week" name="" id="" value="" /><br />
		方法一：<input type="text" onfocus="this.type='date'" onblur="this.type='text'" /><br />
		方法二：<input type="datetime-local" name="" id="" value="" /><br />
		
		
	</body>
	<script type="text/javascript">
			
	</script>
</html>
